<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>

	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    
    <title>Hello JQuery</title>
    
    <!-- JQuery -->
    <script src="jquery.js"></script>
        
	<script language="javascript">
	
		// Wenn das Dokument geladen wurde
		// wird der DIV-Container innerhalb von 4000ms
		// eingeblendet
        jQuery(document).ready(function($) {
            $('#helloJQuery').fadeIn(4000);
        });
        
    </script>

</head>

<body>

    <center>
        
        <!-- Ausgabe Hello JQuery -->
        <div id="helloJQuery" style="display:none; font-size:60px;">
            Hello JQuery
        </div>
    
    </center>

</body>
</html>